//导入自己的css
require('../css/mine.css');

// 调用公共底部
common.footer(2);

window.onload = function(){
    // 获取dom节点
    let userPicDom = document.querySelector('.user-pic');
    let userNameDom = document.querySelector('header span');
    let userMsgDom = document.querySelector('header p');
    let BASE_URL = 'http://139.9.177.51:8099';

    // 获取用户id
    let userId = localStorage.getItem('userId');
    // 请求接口渲染页面（上半部分）
    function userInfo(){
        http.get('/users/accountinfo',{userId},function(res){
            console.log(res.data.imgurl);
            if(res.data.imgurl){
                userPicDom.src = BASE_URL+res.data.imgurl;
            }
            if(res.data.nickname){
                userNameDom.textContent = res.data.nickname;
            }
            if(res.data.sign){
                userMsgDom.textContent = res.data.sign;
            }
        })
    }

    // 页面最初加载调用
    userInfo();
    


    // 获取相应的dom
    let sportTime = document.querySelector('.sports-data .total-sports p span');
    let spendCalorie = document.querySelector('.sports-data .week-spend p span');
    // 请求接口渲染页面（下半部分）
    http.get('/users/mysportsBadge',{userId},function(res){
        sportTime.textContent = res.data.sports.coursetims;
        spendCalorie.textContent = res.data.sports.calorie;
    })



    /*
    *   上传修改头像 
    */
    
    // 获取文件对象
    let fileInp = document.querySelector('.pic input');    //获取inputdom对象
    // 对文件上传框进行change事件的监听
    fileInp.addEventListener('change',function(){
        // 获取文件对象
        let file = fileInp.files[0];
        // 请求上传头像的接口
        http.updateFile(BASE_URL+'/users/upload','imgurl',file,function(res){
            console.log(res);
            if(res.status == 0){
                common.tip(1,'上传成功')
                let imgurl = res.data;

                // 请求修改头像的接口
                http.post('/users/userEdit',{userId,imgurl},function(res){
                    if(res.status == 0){
                        // 重新渲染上半部分
                        userInfo();
                    }else{
                        common.tip(0,res.msg) 
                    }
                })  
            }else{
                common.tip(0,res.msg)
            }
        })
    })

    // 点击上半部分页面进行跳转
    document.querySelector('header').addEventListener('click',function(){
        location.href = './message.html';
    })
    // 阻止事件的冒泡
    fileInp.addEventListener('click',function(e){
        e.stopPropagation();
    })



    
































}